<template>
  <div class="salarys-container">
    <div class="app-container">
      <!-- v-model 使用场景是
        父传子 子传父  接收value 自定义事件只能是input事件 -- 只适用于一个数据的传递
        .sync修饰符使用场景父传子 子传父
        1. 传递数据的时候 :属性.sync="数据"
        2. 子组件正常接收  props: ['属性']
        3. 子组件修改父组件数据发布的自定义事件 this.$emit('update:属性', 值)
        只要完成以上三步,子组件修改父组件的数据会自动同步给父组件
        语法糖: let obj = {}  new Object()
       -->
      <!-- <son v-model="msg" :num="num" @changeNum="changeNum" /> -->
      <son v-model="msg" :num.sync="num" />
    </div>
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'Salarys',
  components: { Son },
  data() {
    return {
      msg: 'abc',
      num: 100
    }
  },
  methods: {
    changeNum(num) {
      this.num = num
    }
  }
}
</script>

<style>

</style>
